
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	<title>中国国内城市${.now?string('yyyy年MM月dd日')}天气-国内各省市区县天气状况</title>
	<meta name="keywords" content="${.now?string('yyyy年MM月dd日')}中国国内城市天气，${.now?string('yyyy年MM月dd日')}国内各省市区县天气状况，中国一线城市天气情况，中国直辖市天气情况，中国省会城市天气情况"/> 
	<meta name="description" content="${.now?string('yyyy年MM月dd日')}中国国内城市天气，${.now?string('yyyy年MM月dd日')}国内各省市区县天气状况，中国一线城市天气情况，中国直辖市天气情况，中国省会城市天气情况"/>
	<link rel="stylesheet" type="text/css" href="/style/bootstrap5/css/bootstrap.min.css"/>
	<style>
		body{
			background: url(/style/img/bg1.webp);
			background-color: rgba(0, 0, 0, 0.4);
			background-repeat: no-repeat;
		  	background-size: cover;
		  	background-attachment: fixed;
		  	animation: changeBg 80s infinite;
		}
		
		body::after {
		  	content: '';
		  	display: block;
		  	position: fixed;
		  	top: 0;
		  	left: 0;
		  	right: 0;
		  	bottom: 0;
		  	background: rgba(0, 0, 0, 0.5); 
		  	/*z-index: 10; */
		}
		
		@keyframes changeBg{
			0%{
		        background-image: url(/style/img/bg1.webp);
		    }
		    25%{
		        background-image: url(/style/img/bg2.webp);
		    }
		    50%{
		        background-image: url(/style/img/bg3.webp);
		    }
		    75%{
		        background-image: url(/style/img/bg4.webp);
		    }
		    100%{
		        background-image: url(/style/img/bg1.webp);
		    }
		}
		
		.container{
			position: relative;
			color:#fff;
			z-index:10;
		}
		
		.container a{
			color:#fff;
			text-decoration: none;
		}
		
		.box{
			margin-top:20px;
		}
		.box .title{
			font-size:20px;
			line-height:40px;
			font-weight:bold;
		}
	</style>
</head>
  
<body>
	<div class="container">
		<div class="content">
			<#list cityList as province>
				<div class="box">
				  <div class="title">
				  	<#if province.code?? && province.code != ''>
				  	<a href="/${province.nameen}">${province.name}</a>
				  	<#else>
				  	<a href="/list-${province.nameen}">${province.name}</a>
				  	</#if>
				  </div>
				  <div class="content">
				  	 <#if province.child?? && province.child?size gt 0>
				     <#list province.child as item>
				     <@showChild item item_index />
				     </#list>
				     </#if>
				  </div>
				</div>
			</#list>
		</div>
	</div>
	
	<#macro showChild item index>
		<#if item.child?? && item.child?size gt 0>
			<#if index gt 0><br/></#if>
			<strong><a href="/${item.nameen}">${item.name}</a>&nbsp;&nbsp;</strong>
			<#list item.child as citem>
		     <@showChild citem citem_index />
		     </#list>
		<#else>
			<a href="/${item.nameen}">${item.name}</a>&nbsp;&nbsp;
		</#if>
	</#macro>
	
 	<script type="text/javascript" src="/style/js/jquery.min.js"></script>
    <script type="text/javascript" src="/style/bootstrap5/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/style/bootstrap5/js/bootstrap.bundle.min.js"></script>
</body>
</html>